<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{
                padding:0px;
                margin:0px;
            }
            .container{
                width:1050px;
                height:40px;
                margin:20px auto;
            }
            .container > div{
                width:150px;
                height:40px;
                text-align: center;
                line-height: 40px;
                float:left;
                background:#e8e7e3;
            }
            .container > div:hover{
                background:#3f3f3f;
                color:white;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div>HTML/CSS</div>
            <div>Browser Side</div>
            <div>Server Side</div>
            <div>Programming</div>
            <div>XML</div>
            <div>Web Building</div>
            <div>Reference</div>
        </div>
    </body>
</html>